<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <link rel="stylesheet" href="../css/q-shouji.css" />
    <link rel="stylesheet" href="../Resources/component/meizuHome page.css" />
  </head>
  <body>
    <header>
      <!-- 头部导航 -->
      <div class="header">
        <!-- 导航内容 -->
        <div class="brain">
          <!-- logo -->
          <div class="log">
            <a href=""></a>
          </div>
          <!-- 购物车icon -->
          <a href="" class="shopping"></a>
          <!-- 人头 -->
          <div class="headZhuce">
            <!-- <img src="../Resources/image/meizuHomepageIMG/" alt=""> 替换路径 -->

            <img src="../image/meizuHomepageIMG/headerpeapr.png" alt="" />
          </div>

          <!-- 搜索框 -->
          <div class="inpt">
            <input type="text" placeholder="魅族  18s" />
            <a href="">
              <img src="../image/meizuHomepageIMG/fangdajing.png" alt="" />
            </a>
          </div>
          <!-- 导航 -->
          <div class="DaoHang">
            <ul>
              <li class="duan">
                <a href="./q-shouji.html">手机</a>
              </li>
              <li class="duan"><a href="./q-shengxue.html">声学</a></li>
              <li class="duan"><a href="./q-peijian.html">配件</a></li>
              <li class="duan"><a href="./PANDAER.html">PANDAER</a></li>
              <li class="duan"><a href="./q-lipro.html">lipro</a></li>
              <li class="w"><a href="./flme.html">Flyme</a></li>
              <li class="w"><a href="./">服务</a></li>
              <li class="w"><a href="./w_index.html">社区</a></li>
              <li class="w"><a href="./r_index.html">企业服务</a></li>
              <li class="duan"><a href="">APP下载</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="tantou">
        <div class="duan active">
          <ul>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/" alt="" />
              <img
                src="../Resources/image/meizuHomepageIMG/shouji1.jpg"
                alt=""
              />
              <em>魅族 18s</em>
              <span></span>
              <em>￥3499</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/shouji2.jpg"
                alt=""
              />
              <em> 魅族 18s</em>
              <span></span>
              <em>￥3499</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/shouji3.jpg"
                alt=""
              />
              <em>魅族 18s</em>
              <span></span>
              <em>￥3499</em>
            </li>
          </ul>
        </div>
        <div class="duan active">
          <ul>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng1.jpg"
                alt=""
              />
              Blus2 耳机
              <span></span>
              <em>￥269</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng2.jpg"
                alt=""
              />
              Blus Air耳机
              <span></span>
              <em>￥139</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng1.jpg"
                alt=""
              />
              Blus2 耳机
              <span></span>
              <em>￥269</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng2.jpg"
                alt=""
              />
              Blus Air耳机
              <span></span>
              <em>￥139</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng1.jpg"
                alt=""
              />
              Blus2 耳机
              <span></span>
              <em>￥269</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng2.jpg"
                alt=""
              />
              Blus Air耳机
              <span></span>
              <em>￥139</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng1.jpg"
                alt=""
              />
              Blus2 耳机
              <span></span>
              <em>￥269</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/sheng2.jpg"
                alt=""
              />
              Blus Air耳机
              <span></span>
              <em>￥139</em>
            </li>
          </ul>
        </div>
        <div class="duan active">
          <ul>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
              <em> 65W GaN 充电器</em>
              <span></span>
              <em>￥109</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
              <em> 65W GaN 充电器</em>
              <span></span>
              <em>￥109</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
              <em> 65W GaN 充电器</em>
              <span></span>
              <em>￥109</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
              <em> 65W GaN 充电器</em>
              <span></span>
              <em>￥109</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/pei1.jpg" alt="" />
              <em> 65W GaN 充电器</em>
              <span></span>
              <em>￥109</em>
            </li>
          </ul>
        </div>
        <div class="duan active">
          <ul>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
            <li>
              <img
                src="../Resources/image/meizuHomepageIMG/jainpan1.jpg"
                alt=""
              />
              <em> 超合金机械键盘 · OLLIE</em>
              <span></span>
              <em>￥1349</em>
            </li>
          </ul>
        </div>
        <div class="duan active">
          <ul>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
            <li>
              <img src="../Resources/image/meizuHomepageIMG/deng1.jpg" alt="" />
              <em> 学习护眼台灯</em>
              <span></span>
              <em>￥1699</em>
            </li>
          </ul>
        </div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div class="chang active">
          <img src="../Resources/image/meizuHomepageIMG/App1.jpg" alt="" />
        </div>
      </div>
    </header>
    <div class="shouji-bj"></div>
    <main>
      <div class="shouji-container">
        <h1 class="shouji-title">
          <span>手机</span>
          <div class="title-right">
            <a href="">推荐</a>
            <a href="">新品</a>
            <a href="">价格</a>
          </div>
        </h1>
        <div class="shouji-container-list">
          <ul>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/C5/Cgbj0GFD_MGAMCrHAAJ-mgv7uwA117.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>魅族 18X</h3>
                <p class="shouji-list-p1">高通骁龙870+UFS3.1强劲性能...</p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">1699</span>
                </p>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/C8/Cgbj0GFESx-Adgf7AAJAq28ULxM401.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>魅族 18s</h3>
                <p class="shouji-list-p1">
                  【3.8起 购机限时赠魅族定制圆珠笔...
                </p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">2699</span>
                </p>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAf6j8AAOqMS-Erfk097.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>魅族 18s Pro</h3>
                <p class="shouji-list-p1">
                  【3.8起 购机限时赠魅族定制圆珠笔...
                </p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">3499</span>
                </p>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAf6j8AAOqMS-Erfk097.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>【套餐专享】魅族 18s Pro</h3>
                <p class="shouji-list-p1">【套餐专享 优惠更大】高通骁龙 8...</p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">3628</span>
                </p>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/C8/Cgbj0GFESx-Adgf7AAJAq28ULxM401.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>【套餐专享】魅族 18s</h3>
                <p class="shouji-list-p1">【套餐专享 优惠更大】高通骁龙 8...</p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">2828</span>
                </p>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/CA/Cgbj0GFETDGAQlARAAQoQ9a4w3g986.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>【学生专享】魅族 18s Pro</h3>
                <p class="shouji-list-p1">【学生购机享50元优惠】【详情页...</p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">3499</span>
                </p>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/C8/Cgbj0GFESx-Adgf7AAJAq28ULxM401.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>【学生专享】魅族 18s</h3>
                <p class="shouji-list-p1">【学生购机享50元优惠】【详情页...</p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">2699</span>
                </p>
              </a>
            </li>
            <li class="list-8">
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/C5/Cgbj0GFD_M6AMZO-AAnstyxg8g0584.png@480x480.jpg"
                  alt=""
                />
                <div class="shouji-list-tab"></div>
                <h3>【学生专享】魅族 18X</h3>
                <p class="shouji-list-p1">【学生购机享50元优惠】【详情页...</p>
                <p class="shouji-list-p2">
                  <span class="s1">限时特惠</span>
                  <em>￥</em>
                  <span class="s2">1699</span>
                </p>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="shouji-list-img">
        <a href="">
          <img
            src="https://openfile.meizu.com/group1/M00/07/59/Cgbj0F2Ap0-AGOBcAAmkKASkDYw805.jpg"
            alt=""
          />
        </a>
      </div>
      <div class="shouji-tab">
        <h2>为你推荐</h2>
        <div class="shouji-tab-list">
          <ul>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/C5/Cgbj0GFD_MGAMCrHAAJ-mgv7uwA117.png@480x480.jpg"
                  alt=""
                />
                <div class="tab-list-desc">
                  <h4>魅族 18X</h4>
                  <p>
                    <span class="s1">￥</span>
                    <span class="s2">1699</span>
                  </p>
                </div>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/DB/Cgbj0WFESxKAJDr9AAu2UAchMWg966.png@480x480.jpg"
                  alt=""
                />
                <div class="tab-list-desc">
                  <h4>魅族 18s</h4>
                  <p>
                    <span class="s1">￥</span>
                    <span class="s2">2699</span>
                  </p>
                </div>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/08/DD/Cgbj0WFETCeAOu_CAAOlrkqAp5s773.png@480x480.jpg"
                  alt=""
                />
                <div class="tab-list-desc">
                  <h4>魅族 18s Pro</h4>
                  <p>
                    <span class="s1">￥</span>
                    <span class="s2">3499</span>
                  </p>
                </div>
              </a>
            </li>
            <li>
              <a href=""
                ><img
                  src="https://openfile.meizu.com/group1/M00/09/C2/Cgbj0WL9s52AZ6XZAAJwnV6JIPc663.png@480x480.jpg"
                  alt=""
                />
                <div class="tab-list-desc">
                  <h4>魅蓝Blus2 主动降噪耳机</h4>
                  <p>
                    <span class="s1">￥</span>
                    <span class="s2">1699</span>
                  </p>
                </div>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </main>
    <div></div>
    <footer>
      <div class="footer-container">
        <div class="footer-top">
          <ul>
            <li>
              <a href="">
                <img
                  src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png"
                  alt=""
                />
                <span>满80免邮费</span>
              </a>
            </li>
            <li>
              <a href="">
                <img
                  src="https://fms.res.meizu.com/dms/2018/07/13/d28eac8b-b915-49dc-9dbd-80884a07d44f.png"
                  alt=""
                />
                <span>100+城市次日送达</span>
              </a>
            </li>
            <li>
              <a href="">
                <img
                  src="https://fms.res.meizu.com/dms/2018/07/13/b21f3e65-f7f4-4693-914c-c070faf96770.png"
                  alt=""
                />
                <span>七天无理由退货</span>
              </a>
            </li>
            <li>
              <a href="">
                <img
                  src="https://fms.res.meizu.com/dms/2018/07/13/1998f0da-a439-4e07-9736-e6a1c39fb0ae.png"
                  alt=""
                />
                <span>15天换货保障</span>
              </a>
            </li>
            <li>
              <a href="">
                <img
                  src="https://fms.res.meizu.com/dms/2018/07/13/420825c1-4763-436d-b3e1-721651ccc70c.png"
                  alt=""
                />
                <span>1年免费保修</span>
              </a>
            </li>
            <li>
              <a href="">
                <img
                  src="https://fms.res.meizu.com/dms/2018/07/13/1c5cfeff-1b35-499e-bc2a-1fd29305be69.png"
                  alt=""
                />
                <span>上门快修</span>
              </a>
            </li>
          </ul>
          <div class="footer-top-right">
            <p>400-788-3333</p>
            <a href="">在线客服</a>
          </div>
        </div>
        <hr class="footer-hr" />
        <div class="footer-bottom">
          <ul>
            <li><a href="">了解魅族</a></li>
            <span>|</span>
            <li><a href="">加入我们</a></li>
            <span>|</span>
            <li><a href="">联系我们</a></li>
            <span>|</span>
            <li><a href="">线下专卖店</a></li>
            <span>|</span>
            <li><a href="">线上销售权限名单</a></li>
            <span>|</span>
            <li><a href="">隐私政策</a></li>
            <span>|</span>
            <li><a href="">涉网络暴力有害信息举报</a></li>
            <span>|</span>
            <li><a href="">涉未成年人网络有害信息举报</a></li>
            <span>|</span>
            <li><a href="">涉养老诈骗有害信息举报</a></li>
            <span>|</span>
            <li><a href="">简体中文</a></li>
          </ul>
          <div class="footer-bottom-cert">
            ©2023 Meizu Telecom Equipment Co., Ltd. All Rights Reserved.
            &nbsp;&nbsp;&nbsp;
            <a href="">粤ICP备13003602号-2</a>&nbsp;
            <a href="">合字B2-20170010 </a>&nbsp; <a href="">营业执照</a>&nbsp;
            <a href="">法律声明</a>&nbsp;
            <a href="">粤公网安备 44049102496009 号</a>&nbsp;
          </div>
        </div>
      </div>
    </footer>
    <div class="footer-bj999">
      <div class="bj999-container"></div>
    </div>
    <script src="../Resources/card/jquery-3.6.0.js"></script>
    <script src="../Resources/component/pageHeader.js"></script>
  </body>
</html>
